<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="pt-BR">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Portal Bar e Restaurante - Cadastro de Funcionários</title>
        <link href="<%=request.getContextPath()%>/resources/css/bootstrap.min.css" rel="stylesheet">
        <link href="<%=request.getContextPath()%>/resources/css/bootstrap-responsive.min.css" rel="stylesheet">
        <link href="<%=request.getContextPath()%>/resources/css/style.css" rel="stylesheet">
        <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
        <!--[if lt IE 9]>
            <style type="text/css">.gradient { filter: none;} </style>
            <script src="<%=request.getContextPath()%>/resources/js/html5.js"></script>
        <![endif]-->
    </head>
    <body>
        <!-- CABEÇALHO DO SITE/PORTAL -->
        <%@include file="/resources/template/header.jsp" %>
        <!-- FIM DO CABEÇALHO -->

        <!-- BARRA DE NAVEGAÇÃO -->
        <!-- SE NECESSÁRIO PARA A PAGINA INCLUIR A BARRA DE NAVEGAÇÃO CORREPONDENTE -->
        <!-- FIM BARRA DE NAVEGAÇÃO -->

        <!-- CONTEUDO DA PÁGINA -->
        <div class="container">
            <div class="row" style="width: 850px">
                </br></br>
                <div class="span4">
                    <form action="" method="post">
                        <fieldset>
                            <legend>Funcionário</legend>
                            <p>
                                <label for="nome">Nome</label>
                                <input name="nome" class="span3" type="text"  required="required">
                            </p>  
                            <p>
                                <label for="cpf">CPF</label>
                                <input type="text" name="cpf" value=""  placeholder="Somente números" required="required">
                            </p>
                            <p>
                                <label for="email">E-mail</label>
                                <input type="text" name="email" value=""  placeholder="exemplo@exemplo.com.br" required="required">
                            </p>
                            <p>
                                <input type="submit" value="Salvar" class="btn btn-large btn-primary">
                            </p>
                        </fieldset>
                    </form>
                </div>
                <div class="span4 pull-right">
                    <form action="" method="post">
                        <fieldset>
                            <legend>Telefones</legend>
                            <p>
                                <label for="telefone">Telefone</label>
                                <input type="text" name="telefone" value="" placeholder="Incluir telefone" required="required">
                            </p>                    
                            <p>
                                <input type="submitTel" value="Incluir" class="btn btn-large btn-primary" style="width: 180px">
                            </p>
                            <br>
                            <table class="table table-bordered" >
                                <thead>  
                                    <tr>
                                        <th colspan="3">Lista de telefones</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr class="success">
                                        <td style="text-align: center;width: 50px"><img src="resources/img/editar_16x16.png" width="16" height="16" alt="Editar"/>
                                        </td>
                                        <td style="text-align: center;width: 50px"><img src="resources/img/excluir_16x16.png" width="16" height="16" alt="Excluir"/>
                                        </td>
                                        <td >35687744</td>
                                    </tr>
                                </tbody>
                            </table>  
                        </fieldset>
                    </form>
                </div>
            </div>    
        </div>
        <!-- FINAL DO CONTEUDO -->

        <!-- RODAPÉ -->
        <%@include file="/resources/template/footer.jsp" %>
        <!-- FINAL DO RODAPÉ -->

        <script src="<%=request.getContextPath()%>/resources/js/jquery-1.10.2.min.js"></script>
        <script src="<%=request.getContextPath()%>/resources/js/bootstrap.min.js"></script>
    </body>
</html>
